<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			/*
			capitailize 通过空格识别单词
			letter-spacing 字符间距
			word-spacing 单词间距
			*/
			.p1 {
				text-transform: capitalize;
				text-decoration: inherit;
				letter-spacing: 1px;
				word-spacing: 10px;
			}

			/*
			文本对齐
			左右两边都对齐 justify
			*/
			.p2 {
				text-align: justify;
			}

			/*
			第一行缩进
			这里推荐使用em，1em就是一个字体大小。
			- 向左边移动，		
			+ 向右边移动
			
			想让搜素引擎看见，用户看不见。
			*/
			.p3 {
				text-indent: 2em;
			}
		</style>
	</head>
	<body>
		<p class="p1">
			"hello world what is your name"
		</p>

		<p class="p2">
			"hello world what is your
			name222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222"
		</p>

		<p class="p3">
			"hello world what is your
			name222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222"
		</p>
	</body>
</html>
